<template>
	<el-dialog title="查看反馈详情" :visible.sync="visible" top="0" width="992px" append-to-body>
		<div class="feedback_detail">
			<div class="header">
				<span>{{ data.sysUser?.userName }}</span>
				<span>{{ data.createTime }}</span>
			</div>
			<div class="content" v-html="data.content"></div>
		</div>
	</el-dialog>
</template>

<script>
export default {
	props: {
		value: { type: Boolean, default: false },
		data: { type: Object, default: () => {} }
	},
	data() {
		return {
			visible: this.value
		};
	},
	watch: {
		value(flag) {
			this.visible = flag;
		},
		visible(flag) {
			this.$emit('input', flag);
			console.log(this.data);
		}
	},
	methods: {}
};
</script>
<style lang="scss" scoped>
.feedback_detail {
	flex: 1;
	overflow: hidden;
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}
	.content {
		padding: 16px;
		border: solid 1px #ebeef5;
		height: calc(100vh - 328px);
		overflow-y: auto;
	}
}
</style>
